<template>
    <view class="wrap">
        <div class="main">
            <div class="infosbox">
                <div class="newsview">
                    <h3 class="news_title">{{ title }}</h3>
                    <div class="bloginfo">
                        <ul>
                            <li class="author">
                                {{ user }}
                            </li>
                            <li class="timer">
                                <span class="icon-time"></span>
                                {{ time }}
                            </li>
                        </ul>
                    </div>
                    <div class="news_con">
                       {{ desc }}
                    </div>
                </div>
            </div>
        </div>

        <!-- <u-card>
            <view slot="head">
                <view class="nav-title__text">{{ title }}</view>
                {{ time }}
            </view>
            <view slot="body">
                <view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
                    <view class="u-body-item-title u-line-2">{{ desc }}</view>
                </view>
            </view>
        </u-card> -->
    </view>
</template>

<script>
export default {
    data() {
        return {
            title: '',
            desc: '',
            user: '',
            time: ''
        }
    },
    computed: {},
    onShow() {
        uni.setNavigationBarTitle({
            title: this.title 
        })
    },
    created() {},
    onLoad(opt) {
        this.title = opt.title
        this.desc = opt.notice
        this.user = opt.nUser
        this.time = opt.nTime
    },
    methods: {}
}
</script>

<style lang="scss" scoped>
.u-cell-icon {
    width: 36rpx;
    height: 36rpx;
    margin-right: 8rpx;
}
.nav-wrap {
    padding: 15px;
    position: relative;
}

.lang {
    position: absolute;
    top: 15px;
    right: 15px;
}

.nav-title {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: row;
    align-items: center;
}

.nav-info {
    margin-left: 15px;
}

.nav-title__text {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    color: $u-main-color;
    font-size: 25px;
    font-weight: bold;
}

.logo {
    width: 70px;
    /* #ifndef APP-NVUE */
    height: auto;
    /* #endif */
}

.nav-slogan {
    color: $u-tips-color;
    font-size: 14px;
}

.nav-desc {
    margin-top: 10px;
    font-size: 14px;
    color: $u-content-color;
}

.main {
    overflow: hidden;
    width: 70%;
    float: left;
    display: block;
}

.r_box,
.infosbox,
.picsbox,
.main {
    width: 100%;
}

.infosbox {
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}

.newsview {
    padding: 0 15px;
}

div,
h1,
h2,
h3,
h4,
h5,
p,
form,
ul,
label,
input,
textarea,
img,
span,
dl,
dt,
dd {
    margin: 0px;
    padding: 0;
    outline: 0;
}

body {
    font: 15px 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    color: #555;
    background: #efefef;
    line-height: 1.5;
}

.news_title {
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0;
    color: #333;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.bloginfo {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.bloginfo li {
    float: left;
    margin-right: 20px;
}

ul, li {
    list-style: none;
}

</style>
